/*初始化网页*/
*{
	margin: 0;
	padding: 0;
}

body{
	font-family: 'Times New Roman', serif;
	width: 960px;
	margin: 0 auto;
}

li{
	list-style: none;
}

a{
	text-decoration: none;
}

img{
	border: 0;
}

header{
	width: 960px;
	height: 160px;
	margin: 0 auto;
	position: relative;
}

#main-header>#title{
	position: absolute;
	right: 20px;
	top: 30px;
	font-family: "Roboto", serif;
}

#main-header>nav{
	position: absolute;
	left: 0;
	bottom: 0;
}

nav>ul{
	overflow: hidden;
}

nav>ul>li{
	float: left;
 	border: 1px solid blue;
}

nav>ul>li>a{
	display: block;
	width: 100px;
 	height: 20px;
 	text-align: center;
 	line-height: 20px;
 	border: 1 solid blue;
 	padding: 10px;
}

nav>ul>li>a:hover{
	background-color: black;
	color: white;
}

nav>ul>li:first-child>a{
	border-radius: 15px 0 0 15px;
}

nav>ul>li:last-child>a{
	border-radius:  0 15px 15px 0;
}

nav>ul>li:first-child{
	border-radius: 15px 0 0 15px;
}

nav>ul>li:last-child{
	border-radius:  0 15px 15px 0;
}

#content{
	width: 960px;
	margin: 0 auto;
}

section{
	width: 720px;
	float: left;
}

aside{
	width: 230px;
	float: right;
}

#fbox{
	width: 300px;
	height: 200px;
	background: red;
	position: fixed;
	left: 33%;
	top: 30%;
}

/*aside的部分*/
input:nth-of-type(1){display: none;}
input:nth-of-type(1)~div:nth-of-type(1){display: none;}
input:nth-of-type(1):checked~div:nth-of-type(1){display: block;}

input:nth-of-type(2){display: none;}
input:nth-of-type(2)~div:nth-of-type(2){display: none;}
input:nth-of-type(2):checked~div:nth-of-type(2){display: block;}

#tab-title{
	overflow: hidden;
}

#tab-title>label{
	display: block;
	float: left;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid black;

	background: black;
	color: white;
}

input:nth-of-type(1):checked~#tab-title label:nth-of-type(1){
	background: white;
	color: black;
}

input:nth-of-type(2):checked~#tab-title label:nth-of-type(2){
	background: white;
	color: black;
}

.item{
	width: 182px;
	padding: 10px;
	border: 1px solid black;
	border-top: none;
	overflow: hidden;
}

.thumbnail{
	float: left;
}

.description{
	float: left;
	margin-left: 10px;
}

.description strong{
	display: block;
	width: 120px;
	white-space: nowrap;	/*禁止文本换行,无论内容多长，所有文字都会显示在同一行上。默认情况下，文本会自动换行(normal)*/
	overflow: hidden;	/*隐藏溢出容器的内容,如果文本超出定义的宽度（width），不会显示超出的部分。默认值是(visible)*/
	text-overflow: ellipsis;	/*当文本溢出时，用省略号（...）代替不可见的部分。需要和 white-space: nowrap; 和 overflow: hidden; 一起使用，才能生效。
								  默认值是(clip)，会直接截断溢出的内容而不显示省略号。*/
}